<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <!-- https://developer.mozilla.org/zh-CN/docs/Web/HTTP/CSP -->
  <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'">
  <meta http-equiv="X-Content-Security-Policy" content="default-src 'self'; script-src 'self'">
  <title>回顾单词</title>
  <link rel="stylesheet" href="style.css">
</head>

<body>
  <div class="panel-word-card">
    <div class="panel-word">
      <h1 id="word"> </h1>
    </div>
    <div class="panel-operate">
      <input type="text" id="enter_content">
      <div>
        <button class="btn-success" id="success"></button>
        <button class="btn-error" id="error"></button>
        <button class="btn-save" id="save"></button>
      </div>
      <h1 id="word_chinese"></h1>
    </div>
    <div class="panel-state">
      共 <span id="total"> </span> 个单词,可回顾 <span id="need"> </span> 个单词，已查看 <span id="watched"> </span> 个单词。
      查词功能：<input type="checkbox" name="searchWord" id="searchWord">
      新增单词功能：<input type="checkbox" name="addWord" id="addWord">
    </div>
  </div>
  <!-- 您也可以此进程中运行其他文件 -->
  <script src="./renderer.js"></script>
</body>

</html>